<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
           %><%@ page contentType="text/html;charset=ISO-8859-1"
           %><html:html>
    <head>
        <title><bean:message key="VCrearUsuario.title"/></title>
        <html:base/><%@include file="../header/include.jsp" %>
    </head>
    <body>
        <div id="header" class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
                <%--        <ul id="nav">
                            <li><html:link action="/APreUsuarios.do"><bean:message key="VCrearUsuario.label1"/></html:link></li>

                </ul>
                --%>    </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1>Registrarse</h1></div>
                            <div  class="ui-widget-content ui-widget">

                                <script type="text/javascript">
                                    $(function() {
                                        $("#tabs").tabs();
                                    });
                                </script>
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Datos de Conexion</a></li>
                                        <li><a href="#tabs-2">Datos del Cliente</a></li>
                                    </ul>

                                    <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                        <div id="form_container"><html:form styleId="F906789"
                                                   action="/ARegistrarCliente.do" method="post">
                                                <html:hidden property="idCliente"/>

                                                <div id="tabs-1">
                                                    <%--input para el alias--%>
                                                    <div class="formRow <logic:notEmpty name="aliasError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="alias">Alias</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="alias" property="alias" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="aliasError">
                                                            ${aliasError}
                                                        </logic:notEmpty>
                                                    </div>
            <!--                                            <p id="906826_C"><label for="906826"><bean:message key="FRegistroCliente.label7"/><%-- Alias --%></label><html:text styleId="906826" property="alias" size="30"/></p>-->

                                                    <%--input para el clave--%>
                                                    <div class="formRow <logic:notEmpty name="claveError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="clave">Clave</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:password styleId="clave" property="clave" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="claveError">
                                                            ${claveError}
                                                        </logic:notEmpty>
                                                    </div>
            <!--                                            <p id="906829_C"><label for="906829"><bean:message key="FRegistroCliente.label8"/><%-- Clave --%></label><html:text styleId="906829" property="clave" size="30"/></p>-->

                                                    <%--input para el claveConfirmacion--%>
                                                    <div class="formRow <logic:notEmpty name="claveConfirmacionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="claveConfirmacion">Confirmar Clave</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:password styleId="claveConfirmacion" property="claveConfirmacion" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="claveConfirmacionError">
                                                            ${claveConfirmacionError}
                                                        </logic:notEmpty>
                                                    </div>
        <!--                                            <p id="906833_C"><label for="906833"><bean:message key="FRegistroCliente.label9"/><%-- Clave Confirmacion --%></label><html:text styleId="906833" property="claveConfirmacion" size="30"/></p>-->
                                                </div><div id="tabs-2">

                                                    <%--input para el nombre--%>
                                                    <div class="formRow <logic:notEmpty name="nombreError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="nombre">Nombre</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="nombre" property="nombre" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="nombreError">
                                                            ${nombreError}
                                                        </logic:notEmpty>
                                                    </div>
        <!--                                            <p id="906803_C"><label for="906803"><bean:message key="FRegistroCliente.label1"/><%-- Nombre --%></label><html:text styleId="906803" property="nombre" size="30"/></p>-->



                                                    <%--input para el apellido--%>
                                                    <div class="formRow <logic:notEmpty name="apellidoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="apellido">Aellido</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="apellido" property="apellido" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="apellidoError">
                                                            ${apellidoError}
                                                        </logic:notEmpty>
                                                    </div>
        <!--                                            <p id="906806_C"><label for="906806"><bean:message key="FRegistroCliente.label2"/><%-- Apellido --%></label><html:text styleId="906806" property="apellido" size="30"/></p>-->

                                                    <%--input para el correoE--%>
                                                    <div class="formRow <logic:notEmpty name="correoEError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="correoE">Correo Electronico</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="correoE" property="correoE" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="correoEError">
                                                            ${correoEError}
                                                        </logic:notEmpty>
                                                    </div>
            <!--<p id="906809_C"><label for="906809"><bean:message key="FRegistroCliente.label3"/><%-- Correo Electronico --%></label><html:text styleId="906809" property="correoE" size="30"/></p>-->

                                                    <%--input para el telefonoCasa--%>
                                                    <div class="formRow <logic:notEmpty name="telefonoCasaError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="telefonoCasa">Telefono de Casa</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="telefonoCasa" property="telefonoCasa" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="telefonoCasaError">
                                                            ${telefonoCasaError}
                                                        </logic:notEmpty>
                                                    </div>

<!--                                            <p id="906813_C"><label for="906813"><bean:message key="FRegistroCliente.label4"/><%-- Telefono Casa --%></label><html:text styleId="906813" property="telefonoCasa" size="30"/></p>-->


                                                    <%--input para el celular--%>
                                                    <div class="formRow <logic:notEmpty name="celularError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="celular">Celular</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="celular" property="celular" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="celularError">
                                                            ${celularError}
                                                        </logic:notEmpty>
                                                    </div>
            <!--                                            <p id="906816_C"><label for="906816"><bean:message key="FRegistroCliente.label5"/><%-- Celular --%></label><html:text styleId="906816" property="celular" size="30"/></p>-->

                                                    <%--input para el fax--%>
                                                    <div class="formRow <logic:notEmpty name="faxError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="fax">Fax</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="fax" property="fax" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="faxError">
                                                            ${faxError}
                                                        </logic:notEmpty>
                                                    </div>
            <!--                                            <p id="906823_C"><label for="906823"><bean:message key="FRegistroCliente.label6"/><%-- Fax --%></label><html:text styleId="906823" property="fax" size="30"/></p>-->
                                                </div>
                                                <html:submit styleClass="button"><bean:message key="VCrearUsuario.label0"/></html:submit>
                                            </html:form></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="right">

                        <%@include file="../administrador/VMenuAdmin.jsp" %>
                    </div>
                    <div class="clearer ui-helper-clearfix"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
        <div id="footer"> <%@include file="/footer/include.jsp" %> </div>

    </body>
</html:html>